<template>
  <div id="root">
    <TestComponent />
    <TestComponent2 />
    <TestComponent3 />
  </div>
</template>

<script>
import TestComponent from "./components/Test.vue";
import TestComponent2 from "./components/Test2.vue";
import TestComponent3 from "./components/Test3.vue";
export default {
  name: "App",
  components: {
    TestComponent,TestComponent2,TestComponent3
  },
  data() {
    return {
      welcomeMsg: "欢迎学习Vue!",
    };
  },
  mounted(){
    
  },
  beforeDestroy(){
    
  },
  created(){
    
  },
  destroyed(){
    
  },
  beforeRouteLeave (to, from, next) {
    // ...
    next(false);
  },
  methods: {
    
  },
  watch: {
    
  },
};
</script>

<style>
/* base */
body {
  background: #fff;
}

</style>